<template>
  <div class="icon-boxs" v-if="props.isActive">
    <img
      v-if="store.styleInfo.styleType == 1"
      src="https://static.jiyi.show/template/template5/unitTabActive1.png?imageView2/1/w/544/h/152/format/webp"
      alt=""
    />
    <img
      v-if="store.styleInfo.styleType == 2"
      src="https://static.jiyi.show/template/template5/unitTabActive2.png?imageView2/1/w/544/h/152/format/webp"
      alt=""
    />
    <img
      v-if="store.styleInfo.styleType == 3"
      src="https://static.jiyi.show/template/template5/unitTabActive3.png?imageView2/1/w/544/h/152/format/webp"
      alt=""
    />
  </div>
  <div class="icon-boxs" v-else>
    <img
      v-if="store.styleInfo.styleType == 1"
      src="https://static.jiyi.show/template/template5/unitTab1.png?imageView2/1/w/544/h/152/format/webp"
      alt=""
    />
    <img
      v-if="store.styleInfo.styleType == 2"
      src="https://static.jiyi.show/template/template5/unitTab3.png?imageView2/1/w/544/h/152/format/webp"
      alt=""
    />
    <img
      v-if="store.styleInfo.styleType == 3"
      src="https://static.jiyi.show/template/template5/unitTab3.png?imageView2/1/w/544/h/152/format/webp"
      alt=""
    />
  </div>
</template>

<script setup lang="ts">
// @ts-nocheck
import { colorList5 } from '../../data';
import { useProjectStore } from '@/store';
const store = useProjectStore();

const props = defineProps({
  isActive: {
    type: Boolean,
    default: false,
  },

  // 数据
});
</script>

<style lang="less" scoped>
.icon-boxs {
  width: 100%;
  height: 100%;
  img {
    width: 100%;
    height: 100%;
  }
}
</style>
